<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="${ctxPath}/weui/css/weuix.min.css" />
<script src="${ctxPath}/weui/js/zepto.min.js"></script>
<style>
a[disable] {
	opacity: 0.5;
	cursor: default;
	pointer-events: none
}
</style>
<script>
	$(function() {

		$('#tab4').tab({
			defaultIndex : 0,
			activeClass : "tab-blue "
		});
		
		  $('.weui_tab').tab({
			    defaultIndex: 0,
			    activeClass:'weui_bar_item_on',
			    onToggle:function(index){
			    if(index>0){
			    alert(index)
			    }
			    }
			});
		
		
	})
</script>
</head>

<body ontouchstart style="background-color: #f8f8f8;" ctxPath="${ctxPath}">

	<div class="weui_search_bar">
		<input type="search" class="search-input" id='search'
			placeholder='搜一搜' style="box-sizing: content-box" />
		<button class="weui_btn weui_btn_mini weui_btn_primary">
			<i class="icon icon-4"></i>
		</button>
	</div>

	<div>
		<span>最新推荐(3)个名片</span>
		<span > <a >查看所有推荐名片</a></span>
	</div>

	<p class="page-hd-desc">我的名片</p>
	<div class="weui_tab" style="height: 44px;" id="tab4">
		<div class="weui_navbar" style="height: 44px;">
			<div class="weui_navbar_item ">个人</div>
			<div class="weui_navbar_item">企业</div>
		</div>
		<div class="weui_tab_bd">
			<div class="weui_tab_bd_item">个人内容</div>
			<div class="weui_tab_bd_item">企业内容</div>
		</div>
	</div>

<hr>

<div class="weui_cells_title" style="height:45px;">&nbsp;</div>    
<div class="weui_tab tab-bottom" >
               
            <div class="weui_tabbar ">
                <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
                    <div class="weui_tabbar_icon">
                        <img src="${ctxPath}/weui/icon/icon_nav_button.png" alt="">
                    </div>
                    <p class="weui_tabbar_label">首页</p>
                </a>
                <a href="javascript:;" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <img src="${ctxPath}/weui/icon/icon_nav_dialog.png" alt="">
                    </div>
                    <p class="weui_tabbar_label">消息</p>
                </a>
                
                <a href="javascript:;" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <img src="${ctxPath}/weui/icon/icon_nav_cell.png" alt="">
                    </div>
                    <p class="weui_tabbar_label">个人中心</p>
                </a>
                         
            </div>
        </div>

</body>
</html>
